<template>
	<el-form-item class="login_input" prop="userName">
		<el-input
			v-model="user"
			placeholder="请输入账号"
			prefix-icon="el-icon-user-solid"
		></el-input>
	</el-form-item>
</template>

<script>
export default {
	name: 'UserName',
	props: ['userName'],
	computed: {
		user: {
			get() {
				return this.userName
			},
			set(value) {
				this.$bus.$emit('userName', value)
			},
		},
	},
}
</script>

<style scoped>
.login_input {
	box-sizing: border-box;
	padding: 0 20px;
}
.el-input {
	width: 100%;

	box-sizing: border-box;
}
</style>
